<!--这是后台首页-->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后台管理</title>
<!--引入样式 -->
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/Js/jquery-2.1.3.js"></script>

<!--引入样JS-->
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
var verifyUrl='{:U("Admin/Login/verify","",'')}';
</script>

<script type="text/javascript">
$(function(){
	$(".addrole").click(function(){
		var obj=$(this).parents("tr").clone();
		obj.find(".addrole").remove();
		$("#last").before(obj);
	});
	
})

	
  //$('.left li a').each(function(i,d){	  
//	  alert(this.href);
	  
  //});
</script>

<style type="text/css">
    /* Custom Styles */
    ul.nav-tabs{
        width: 140px;
        margin-top: 20px;
        border-radius: 4px;
        border: 1px solid #ddd;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 1px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #fff;
        background: #0088cc;
        border: 1px solid #0088cc;
    }
    ul.nav-tabs li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    ul.nav-tabs li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    ul.nav-tabs.affix{
        top: 30px; /* Set the top position of pinned element */
    }
    .img{
	width:80px;
    height:25px;
    	
    }
ul li{
margin:0px;
padding:0px;
list-style-type:none;
}
.header{
border:1px #0099FF solid;
}
.bd{
border:1px  #993333 solid;
overflow:hidden;
width:100%;
padding:2px;

}
.bd .left{
 float:left;

}
.bd .right{
 float:left;

}
.left{
border:1px #0099FF solid;
width:20%;
height:auto;
}

.right{
border:1px #0099FF solid;
width:80%;
height:642px;
}
.right .rframe{
width:100%;
height:640px;
}
.mylist{
   width:80%;
   height:200px;
   border:1px black solid;
   margin:10px auto;

  }
.mylist ul{
  margin:10px auto;
  border:1px #993399 solid;
  width:80%;
}
  .mylist ul li{
  border:1px yellow solid;
    
  text-align:center;
  width:100%;
  height:auto; 	
  margin:0 auto;
  margin-left:-18px;	
  }

</style>

</script>
</head>
<body>
   <form action='{:U("Admin/Rbac/AddUserRun")}' method='post'>
	   <table align='center' class="table">
	      <tr class="success">
	        <td align='right'><div >用户名：</span></td>
	        <td><input type="text" name="username"/></td>
	      </tr>
	      <tr class="success">
	        <td align='right'><span >密码：</span></td>
	        <td><input type="password" name="psw" /></td>
	      </tr>
	      
	      <tr class="success">
	        <td align='right'><span >角色选择：</span></td>
	        <td id="roleid">
	           <select name="role_id[]">
	             <option value=''>--请选择所属角色--</option>
	             <foreach name="role" item="v">
	             <option value='{$v["id"]}'>{$v.name}|({$v.remark})</option>
	             </foreach>
	           </select>
	           <input type="button" class="addrole" value="增加一个角色"/>
	        </td>
	      </tr>
	      <tr align='center' id="last">
	         <td colspan='2'><input type="submit" value="提交" class="btn btn-primary"/></td>
	      </tr>
	   </table>
	</form>
</body>
</html>	